<template>
    <el-form :model="form" label-with="120px">
        <el-form-item label="输入框">
            <el-input type="text" v-model="form.inputData" />
        </el-form-item>
        <el-form-item label="复选框">
            <el-checkbox-group v-model="form.checkBoxData">
                <el-checkbox label="选项一" name="type" />
                <el-checkbox label="选项二" name="type" />
                <el-checkbox label="选项三" name="type" />
                <el-checkbox label="选项四" name="type" />
            </el-checkbox-group>
        </el-form-item>
        <el-form-item label="单选框">
            <el-radio-group v-model="form.radioData">
                <el-radio label="选项一" />
                <el-radio label="选项二" />
            </el-radio-group>
        </el-form-item>
    </el-form>
</template>

<script setup>
import { reactive } from 'vue';

    const form = reactive({
        inputData: '',
        checkBoxData: [],
        radioData: ''
    })
</script>

<style scoped>

</style>